<template>
	<view class="notice-container flex flex-column align-center">
		<u-navbar title="消息内容" :title-bold="true" title-color="#000" :border-bottom="false" custom-class="home-bg" :background="{ background: 'transparent' }"></u-navbar>

		<view class="typeClass">
			<rich-text :nodes="type"></rich-text>
		</view>
	</view>
</template>

<script>
// import { getNoticeLists } from '@/api/store';
import { loadingType } from '@/utils/type';

export default {
	data() {
		return {
			type: ''
		};
	},

	components: {},
	props: {},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		this.type = options.type;

		this.getNoticeListsFun();
	},

	onReachBottom: function () {
		this.getNoticeListsFun();
	},

	methods: {
		getNoticeListsFun() {}
	}
};
</script>
<style lang="scss" scoped>
.flex {
	display: flex;
}
.align-center {
	align-items: center;
}
.flex-center {
	justify-content: center;
}
.flex-between {
	justify-content: space-between;
}
.flex-column {
	flex-direction: column;
}
.typeClass {
	margin-top: 50rpx;
	background-color: #fff;
	width: 90%;
	min-height: 300rpx;
	border-radius: 30rpx;
	padding: 30rpx;
}
.notice-container {
	padding: 0 20rpx;
	margin-top: 8rpx;
	.notice-item {
		background-color: white;
		padding: 0rpx 20rpx 30rpx;
		border-radius: 10rpx;
		.item-header {
			padding: 19rpx 0;
			border-bottom: $-solid-border;
			.header-title {
				font-weight: bold;
			}
		}
		.item-main {
			.content {
				margin-top: 15rpx;
			}
		}
	}
	.data-null {
		padding-top: 100rpx;
	}
}
</style>
